<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="<%=path%>/css/style_min.css" rel="stylesheet"
	type="text/css" />
<link href="<%=path%>/css/core.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/form.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/list.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/xWindowPanel.css" rel="stylesheet"
	type="text/css" />
<link href="<%=path%>/css/xToolbar.css" rel="stylesheet" type="text/css" />
<script src="<%=path%>/js/prototype_for_validation.js"
	type="text/javascript"></script>
<script src="<%=path%>/js/validation_cn.js" type="text/javascript"></script>
<style type="text/css">
input {
	width: 180px;
}

textarea {
	width: 503px;
	height: 40px;
}

select {
	width: 188px;
}

.n {
	text-align: right;
}
</style>
</head>
<body>
	<form name="objectForm" id="objectForm"
		action="<%=path%>/product/outOrder/save.t4m" class="form"
		method="post">
		<div class="form-group">新建出库单</div>
		<table class="form-table" cellspacing="0" cellpadding="0">
			<tr>
				<td class="form-left"><span class="form-required">*</span>出库单编号</td>
				<td class="form-right"><input type="text" name="object.code"
					class="text required" />
				</td>
				<td class="form-left"><span class="form-required">*</span>出库日期</td>
				<td class="form-right"><input type="text"
					name="object.outStockDate" readonly="readonly"
					onfocus="new WdatePicker({dateFmt:'yyyy-MM-dd'});"
					class="text required" />
				</td>
			</tr>
		</table>

		<div class="form-group">出库单明细</div>
		<div id="toolbar"></div>
		<table id="titleTable" cellpadding="0" cellspacing="0">
			<tr>
				<td>货品编号</td>
				<td>货品名称</td>
				<td>规格型号</td>
				<td>生产商</td>
				<td>所在仓库</td>
				<td>出库数量</td>
				<td>取消</td>
			</tr>
		</table>
		<table id="dataTable" cellpadding="0" cellspacing="0"></table>
		<s:hidden name="tabId" />
		<s:hidden name="windowPanelId" />
	</form>
	<script src="<%=path%>/js/prototype_for_validation.js"
		type="text/javascript"></script>
	<script src="<%=path%>/js/validation_cn.js" type="text/javascript"></script>
	<script src="<%=path%>/js/core.js" type="text/javascript"></script>
	<script src="<%=path%>/js/share.js" type="text/javascript"></script>
	<script src="<%=path%>/js/jquery.js" type="text/javascript"></script>
	<script src="<%=path%>/js/Validate.js" type="text/javascript"></script>
	<script src="<%=path%>/js/datePicker/WdatePicker.js"
		type="text/javascript"></script>
	<script src="<%=path%>/js/CustomerSelect.js" type="text/javascript"></script>
	<script src="<%=path%>/js/UsersSelect.js" type="text/javascript"></script>
	<script src="<%=path%>/js/xWindowPanel.js" type="text/javascript"></script>
	<script src="<%=path%>/js/Draggable.js" type="text/javascript"></script>
	<script src="<%=path%>/js/xToolbar.js" type="text/javascript"></script>
	<script src="<%=path%>/js/xToolbar.items.js" type="text/javascript"></script>
	<script src="<%=path%>/js/modules/stock.js" type="text/javascript"></script>
	<script src="<%=path%>/js/modules/product/product.js"
		type="text/javascript"></script>
	<script src="<%=path%>/js/Grid.js" type="text/javascript"></script>
	<script type="text/javascript" src="<%=path%>/js/BoxSelect.js"></script>
	<script type="text/javascript">
		var indexNum = 0, grid;

		$(document).ready(function() {
			new Toolbar({
				renderTo : 'toolbar',
				icon : '../../image/op.gif',
				border : 'both',
				items : [ {
					type : 'button',
					text : '提取出库商品',
					tip : '提取出库商品',
					useable : 'T',
					position : {
						a : '0px 0px',
						b : '0px -120px'
					},
					handler : function() {
						stock.choose();
					}
				} /**,"-",{
				    	              type : 'button',
				    	              text : '外购商品',
				    	              tip : '提取销售货品',
				    	              useable : 'T',
				    	              position: {
				    	                a: '0px 0px',
				    	                b: '0px -120px'
				    	              },
				    	              handler : function(){
				    	                  productFunctions.chooseForSales();
				    	              }
				    	            }*/
				]
			});
			grid = new Grid({
				titleTable : 'titleTable',
				dataTable : 'dataTable',
				widths : [ 100, 88, 88, 88, 68, 68, 78, 78, 70, 39 ],
				height : 268
			});
			loadReady();
		});

		function addData(dataArray) {
			var table = $('#dataTable');
			for ( var i = 0, len = dataArray.length; i < len; ++i) {
				if ($('#' + dataArray[i].id).length) {
					continue;
				}
				var htmlString = [];
				htmlString.push('<tr class="row" id="'+dataArray[i].id+'">');
				htmlString.push('<td><span>' + dataArray[i].pCode
						+ '</span></td>');
				htmlString.push('<td><span>' + dataArray[i].pName
						+ '</span></td>');
				htmlString.push('<td><span>' + dataArray[i].pStandard
						+ '</span></td>');
				htmlString.push('<td><span>' + dataArray[i].pManufacturer
						+ '</span></td>');
				htmlString.push('<td><span>' + dataArray[i].wName
						+ '</span></td>');
				//htmlString.push('<td><span>'+dataArray[i].stockBackAmounts+'</span></td>');
				htmlString
						.push('<td><span><input type="text" name="outOrderProducts['+ i +'].amounts"></span></td>');
				htmlString
						.push('<input type="hidden" name="outOrderProducts['+ i +'].product.id" value="'+dataArray[i].pId+'">');
				htmlString
						.push('<input type="hidden" name="outOrderProducts['+ i +'].warehouse.id" value="'+dataArray[i].wId+'">');
				htmlString
						.push('<td><div align="center" class="quick-button" style="background-position: -39px 0px;" onclick="delData(\''
								+ dataArray[i].id + '\')"></div></td>');
				htmlString.push('</tr>');
				table.append(htmlString.join(''));
				indexNum++;
			}
			if (grid) {
				grid.updateWidth();
			}
		}

		function delData(id) {
			$('#' + id).remove();
			indexNum--;
		}
		var valid = new Validation('objectForm', {
			immediate : true
		});
	</script>
</body>
</html>